<div class="row">
        <div class="col-md-12">
          <div class="widget">
            <div class="widget-head">
              <div class="pull-left">Member List</div>
              <div class="widget-icons pull-right">
                  <div class="form-inline">
                      <div class="form-group">
                          <input type="input" class="form-control" id="search-groupMember" placeholder="search member...">
                      </div>
                      <button onclick="searchGroupMember()" class="btn btn-md btn-primary" style="margin-left: 0px;">Search</button>
                  </div>
              </div>
              <div class="clearfix"></div>
            </div>

            <div class="widget-content">

              <table class="table table-striped table-bordered table-hover" id="admin_list">
                <thead>
                <tr>
                  <th>#</th>
                  <th>GroupID</th>
                  <th>User</th>
                  <th>NickName</th>
                  <th>RealName</th>
                  <th>Operation</th>
                </tr>
                </thead>
                <tbody>

                {{each list as value i}}
                  <tr>
                    <td>{{value.id}}</td>
                    <td>{{groupId}}</td>
                    <td>{{value.userName}}</td>
                    <td>{{value.nickName}}</td>
                    <td>{{value.realName}}</td>
                    <td class="edit">
                      {{if undefined != value.id}} 
                      <button onclick="delGroupMemeber({{value.id}},{{value.userId}},{{value.groupId}})" data-id="{{value.id}}" class="btn btn-lg btn-danger examine_ban"><i class="icon-remove"></i>Remove</button>
                      {{/if}}
                    
                      {{if undefined == value.id}} 
                      <button onclick="addGroupMember({{value.userId}},{{value.groupId}})" class="btn btn-lg btn-success examine_ban">Add</button>
                      {{/if}}
                    </td>
                  </tr>
                {{/each}}

                </tbody>
              </table>

              <div class="widget-foot">

                <div class="clearfix"></div>

              </div>

            </div>
            <!-- Matter ends -->
          </div>
        </div>
      </div>
